@charset "UTF-8";
#organizePage{
  padding-bottom: 20px;
  & .main-container{
    position: relative;
    & .search{
      text-align: center;
      margin-top: 50px;
      margin-bottom: 30px;
      & .content{
        display: inline-block;
        width: 800px;
      }
    }
    & .page{
      position: absolute;
      bottom: 20px;
      right: 20px;
    }
    & .total-user{
      padding: 15px;
      color: $fontColor1;
      font-size: $fontSize - 2;
    }
    & .search-switch{
      text-align: center;
    }
    & .high-search{
      margin-left: 70px;
      & .option{
        font-size: $fontSize - 2;
        margin-bottom: 15px;
        & .title{
          margin-right: 20px;
          display: inline-block;
          width: 48px;
        }
        & .high-tab{
          display: inline-block;
          box-sizing: border-box;
          padding:7px 16px;
          color: $themeColor60;
          border-radius: 38px;
          cursor: pointer;
          &.active{
            color: $themeColor80;
            background-color: $themeColor5;
          }
        }
      }
    }
  }
}
.popup{
  font-size: $fontSize - 2;
  padding-bottom: 50px;
  & .option{
    margin-top: 10px;
    & .lable{
      display: inline-block;
      width: 90px;
      text-align: right;
      color: $fontColor2;
      &.event{
        width:80px;
        color: #A1A1A1;
      }
    }
    & .normal{
      display: inline-block;
      width: 460px;
      margin-left: 5px;
      color: $fontColor1;
      line-height: 32px;
      &.event{
        & input{
          &::placeholder{
            color: #A1A1A1 !important;
          }
        }
      }
      & .sub{
        color: $fontColor2;
      }
      & img{
        border-radius: 50%;
      }
    }
    & .content{
      text-align: left;
      padding:15px 20px;
      & .choose-item{
        cursor: pointer;
        padding: 5px;
        position: relative;
        &:hover{
          background-color: rgba(64,158,255,0.04);
          & .delete{
            display: inline-block;
          }
        }
        & .delete{
          position: absolute;
          right: 15px;
          font-size: $fontSize;
          top: 50%;
          margin-top: -7px;
          display: none;
        }
      }
    }
    & .role-content{
      padding: 10px 100px;
      position: relative;
      & .admin,& .read-data{
        position: absolute;
        right: 100px;
        font-size: $fontSize;
        color: $fontColor2;
      }
      & .admin{
        top: 20px;
      }
      & .read-data{
        bottom: 20px;
      }
    }
    & .add-time{
      width: 460px;
      margin-left: 87px;
      border:1px solid $themeColor5;
      cursor: pointer;
      line-height: 32px;
      border-radius: 4px;
      text-align: center;
      color: $themeColor80;
      &:hover{
        border:1px dashed $themeColor80;
      }
    }
  }
  & .scess{
    padding:0 20px;
    text-align: center;
    color: $fontColor2;
    & .url{
      display: inline-block;
      width: 400px;
      padding: 15px 40px;
      background-color: $themeColor5;
      font-size: $fontSize;
      margin-top: 15px;
      margin-bottom: 10px;
      position: relative;
      & .reflash{
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -7px;
        cursor: pointer;
        color: $themeColor80;
      }
    }
    & .copy{
      display: inline-block;
      width: 400px;
      margin-top: 75px;
    }
  }
  & .organize-list{
    padding: 0 15px;
    padding-top: 10px;
    height: 430px;
    overflow-y: auto;
    & .select{
      padding: 20px 10px;
      cursor: pointer;
      &:hover{
        background-color: $themeColor5;
      }
    }
  }
}
